<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Jquery Inline Form Validation Engine</title>
<link rel="stylesheet" href="css/jquery.validationEngine.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="css/template.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine_zh_CN.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>

<script>	
	$(document).ready(function() {
		$("#formID").validationEngine({
		validationEventTriggers:"blur",  //�������¼�  validationEventTriggers:"keyup blur",
		inlineValidation: true,//�Ƿ�ʱ��֤��falseΪ�ύ�?ʱ��֤,Ĭ��true
		success :  false,//Ϊtrueʱ��ʹ�в���ϵ�Ҳ�ύ�?,false��ʾֻ��ȫ��ͨ����֤�˲����ύ�?,Ĭ��false
		promptPosition: "topRight"//��ʾ���ڵ�λ�ã�topLeft, topRight, bottomLeft,  centerRight, bottomRight
		//failure : function() { alert("��֤ʧ�ܣ����顣");  }//��֤ʧ��ʱ���õĺ���
		//success : function() { callSuccessFunction() },//��֤ͨ��ʱ���õĺ���
		});
	});
</script>

</head>
<body>
<form id="formID" class="formular" method="post" action="sadf.htm">
<fieldset><legend>User informations</legend> <label> <span>Desired username : </span> <input class="validate[optional,custom[noSpecialCaracters],length[0,20]]" type="text" name="user" /> </label> <label> <span>First name : </span> <input class="validate[required,custom[onlyLetter],length[0,100]] text-input" type="text" name="firstname" /> </label> <label> <span>Last name : </span> <input class="validate[required,custom[onlyLetter],length[0,100]] text-input" type="text" name="lasttname" /> </label>
<div><span>Radio Groupe : <br />
</span> <span>radio 1: </span> <input class="validate[required] radio" type="radio" name="radiogoupe" value="5"> <span>radio 2: </span> <input class="validate[required] radio" type="radio" name="radiogoupe" value="3" /> <span>radio 3: </span> <input class="validate[required] radio" type="radio" name="radiogoupe" value="9" /></div>
<div><span>Max 2 checkbox : <br />
</span> <input class="validate[minCheckbox[2]] checkbox" type="checkbox" name="checkboxgroupe" value="5"> <input class="validate[minCheckbox[2]] checkbox" type="checkbox" name="checkboxgroupe" value="3" /> <input class="validate[minCheckbox[2]] checkbox" type="checkbox" name="checkboxgroupe" value="9" /></div>
<label> <span>Date : (format YYYY-MM-DD)</span> <input class="validate[required,custom[date]] text-input" type="text" name="date" /> </label> <label> <span>Favorite sport 1:</span> <select name="sport" id="sport" class="validate[required]">
	<option value="">Choose a sport</option>
	<option value="option1">Tennis</option>
	<option value="option2">Football</option>
	<option value="option3">Golf</option>
</select> </label> <label> <span>Favorite sport 2:</span> <select name="sport2" id="sport2" multiple class="validate[required]">
	<option value="">Choose a sport</option>
	<option value="option1">Tennis</option>
	<option value="option2">Football</option>
	<option value="option3">Golf</option>
</select> </label> <label> <span>Age : </span> <input class="validate[required,custom[onlyNumber],length[0,3]] text-input" type="text" name="age" /> </label> <label> <span>Telephone : </span> <input class="validate[required,custom[telephone]] text-input" type="text" name="telephone" /> </label></fieldset>
<fieldset><legend>Password</legend> <label> <span>Password : </span> <input class="validate[required,length[6,11]] text-input" type="password" name="password" id="password" /> </label> <label> <span>Confirm password : </span> <input class="validate[required,confirm[password]] text-input" type="password" name="password2" /> </label></fieldset>
<fieldset><legend>Email</legend> <label> <span>Email address : </span> <input class="validate[required,custom[email]] text-input" type="text" name="email" id="email" /> </label> <label> <span>Confirm email address : </span> <input class="validate[required,confirm[email]]] text-input" type="text" name="email2" /> </label></fieldset>
<fieldset><legend>Comments</legend> <label> <span>Comments : </span> <textarea class="validate[required,length[6,300]] text-input" name="comments" id="comments" /> </textarea> </label></fieldset>
<fieldset><legend>Conditions</legend>
<div class="infos">Checking this box indicates that you accept terms of use. If you do not accept these terms, do not use this website :</div>
<label> <span class="checkbox">I accept terms of use : </span> <input class="validate[required] checkbox" type="checkbox" name="agree" /> </label></fieldset>
<input type="submit" value="Validate & Send the form!" />
<hr />
</form>

</body>
</html>